<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标准化 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimun-scale=1.0, maximun-scale=1.0, user-scale=no">
    <title>售货机2.0--商品方案</title>

    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/goods.css">

    <!-- 导入js文件 -->
    <script src="./js/goods.js"></script>
</head>

<body>
    <!-- 管理导航栏 -->
    <section class="nav">
        <!-- 管理左侧 -->
        <a href="../../index.html" class="left">商品方案</a>
        <!-- 管理右侧 -->
        <div class="right">|</div>
    </section>

    <!-- 第二部分：search -->
    <section class="search">
        <!-- 左侧搜索 -->
        <input class="left" type="text" placeholder="请输入商品或方案名称">
        <!-- 右侧按钮 -->
        <button class="right">搜索</button>
    </section>

    <!-- Tab选择栏 -->
    <section class="demo">
        <div class="total">商品管理</div>
        <div class="rank">方案管理</div>
    </section>

    <section class="main">
        <!-- 商品管理 -->
        <div class="item" id="content_1">
            <div class="template1">
                <div class="info">
                    <div class="left"></div>
                    <div class="right">
                        <div class="name">YAYO男神冠军...</div>
                        <div class="belong">添加者</div>
                        <div class="price1">成本价</div>
                        <div class="price2">销售价</div>
                    </div>
                </div>
            </div>
            <div class="template2">
                <div class="info">
                    <div class="left"></div>
                    <div class="right">
                        <div class="name">小贝壳XX</div>
                        <div class="belong">添加者</div>
                        <div class="price1">成本价</div>
                        <div class="price2">销售价</div>
                    </div>
                </div>
            </div>
            <div class="template3">
                <div class="info">
                    <div class="left"></div>
                    <div class="right">
                        <div class="name">第六感XX...</div>
                        <div class="belong">添加者</div>
                        <div class="price1">成本价</div>
                        <div class="price2">销售价</div>
                    </div>
                </div>
            </div>
            <div class="template4">
                <div class="info">
                    <div class="left"></div>
                    <div class="right">
                        <div class="name">冈本XX...</div>
                        <div class="belong">添加者</div>
                        <div class="price1">成本价</div>
                        <div class="price2">销售价</div>
                    </div>
                </div>
            </div>
            <div class="template5">
                <div class="info">
                    <div class="left"></div>
                    <div class="right">
                        <div class="name">印古XX</div>
                        <div class="belong">添加者</div>
                        <div class="price1">成本价</div>
                        <div class="price2">销售价</div>
                    </div>
                </div>
            </div>
            <!-- 第五部分：代理设置功能 -->
            <div class="set">
                <li class="li1"><a href="./edit_goods.html">编辑商品</a></li>
                <li class="li2"><a href="#">删除商品</a></li>
                <li class="li3"><a href="#">取消</a></li>
            </div>
        </div>
        <!-- 方案管理 -->
        <div class="item" id="content_2" style="display: none">
            <div class="plan">
                <div class="name">演示套餐一</div>
                <div class="belong">添加者</div>
                <div class="type">套餐类型</div>
                <div class="time">更新时间</div>
            </div>
            <div class="plan">
                <div class="name">演示套餐二</div>
                <div class="belong">添加者</div>
                <div class="type">套餐类型</div>
                <div class="time">更新时间</div>
            </div>
            <div class="plan">
                <div class="name">演示套餐三</div>
                <div class="belong">添加者</div>
                <div class="type">套餐类型</div>
                <div class="time">更新时间</div>
            </div>
            <!-- 第五部分：代理设置功能 -->
            <div class="set">
                <li class="li1"><a href="./edit_plan.html">编辑方案</a></li>
                <li class="li2"><a href="#">绑定设备</a></li>
                <li class="li3"><a href="#">绑定商家</a></li>
                <li class="li4"><a href="#">删除方案</a></li>
                <li class="li5"><a href="#">取消</a></li>
            </div>
        </div>
    </section>
    <!-- 第六部分：添加 -->
    <a href="./add_goods.html" class="footer"></a>
</body>

</html>